<div class="panel panel-default panel-intro">

    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        <ul class="nav nav-tabs" data-field="status">
            <li class="{:$Think.get.status === null ? 'active' : ''}"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>

            <li class="{:$Think.get.status === 'pending' ? 'active' : ''}"><a href="#t-pending" data-value="pending" data-toggle="tab">待确认</a></li>
            <li class="{:$Think.get.status === 'confirmed' ? 'active' : ''}"><a href="#t-confirmed" data-value="confirmed" data-toggle="tab">已确认</a></li>
            <li class="{:$Think.get.status === 'completed' ? 'active' : ''}"><a href="#t-completed" data-value="completed" data-toggle="tab">已完成</a></li>

        </ul>
    </div>


    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
		            </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('vppz/home_service_orders/edit')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
